<template>
    <view class="mask3 alpha0_100" v-if="div_login">
        <view
            class="div_box big_normal"
            style="--div_box_width: 82%; --div_box_height: 666rpx; background: -webkit-linear-gradient(top, #fde9ee 1%, #fff 150%); background-color: #fff"
        >
            <view class="m" :style="'border-color:rgba(' + rgbcolor + ',.2);'">
                <image mode="aspectFit" src="/static/res/img/photo_m.png"></image>
            </view>
            <view class="S22 B">登录后获得更精准推荐</view>
            <view class="loginagree">
                <checkbox-group @change="ifagreeFn">
                    <label style="margin-left: -10rpx">
                        <checkbox :style="'--color:' + color + ';'" value="1"></checkbox>
                        <text class="C666 vmiddle">阅读并同意</text>
                    </label>
                </checkbox-group>
                <navigator class="vmiddle" hoverClass="none" :style="'color:' + color" url="/pagesA/about/law?kind=agreement">用户协议</navigator>
                <text class="C666 vmiddle">与</text>
                <navigator class="vmiddle" hoverClass="none" :style="'color:' + color + ';'" url="/pagesA/about/law?kind=declara">隐私条款</navigator>
            </view>
            <button
                @getphonenumber="getPhoneNumber"
                class="btn5 W90_"
                openType="getPhoneNumber"
                :style="'--color:' + color + ';--rgbcolor:' + rgbcolor + ';width:73%'"
                v-if="ifagree"
            >
                <text>手机号快捷登录</text>
                <text :style="'color: ' + color + ';'">私密</text>
            </button>
            <button @tap="ifagree_passFn" class="btn5" :style="'--color:' + color + ';--rgbcolor:' + rgbcolor + ';width:73%'" v-else>
                <text>手机号快捷登录</text>
                <text :style="'color: ' + color + ';'">私密</text>
            </button>
            <view @tap="back" class="C666">
                <text style="border-bottom: #999 1px solid">暂不登录</text>
            </view>
        </view>
    </view>
</template>

<style>
@import './login.css';
</style>
